<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="./css/comm.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/baner.css">
  <link rel="stylesheet" href="./css/serve.css">
</head>

<body>
  <!-- 头部导航 -->
  <div class="header">
    <div class="w">
      <h1 class="logo fl"></h1>
      <ul class="nav fr">
        <li><a href="./index.html" class="">首页</a></li>
        <li><a href="./home.html" class="">走进谷金</a></li>
        <li><a href="./serve.html" class="active">产品服务</a></li>
        <li><a href="./us.html" class="">联系我们</a></li>
      </ul>
    </div>
  </div>

  <!-- 轮播图 -->
  <div class="baner">
    <img src="./img/us_baner.jpg" alt="">
  </div>

  <div class="teach">
    <div class="w">
      <div class="title">一站式教学服务</div>
      <div class="titile_min">学员学习动态实时监护，课前短信提醒上课、班级考勤学习跟踪</div>
      <div class="ico">
        <div class="ico_box">
          <div class="pic"></div>
          <div class="tit">课程顾问</div>
          <div class="tit_min">专业老师答疑指导</div>
        </div>
        <div class="ico_box">
          <div class="pic"></div>
          <div class="tit">多师在线</div>
          <div class="tit_min">主讲老师+助教快速响应</div>
        </div>
        <div class="ico_box">
          <div class="pic"></div>
          <div class="tit">售后跟踪</div>
          <div class="tit_min">问题反馈快速响应</div>
        </div>
      </div>
    </div>
  </div>

  <div class="student">
    <div class="w">
      <div class="titile">系统化学习路径</div>
      <div class="titile_min">各类电商/自媒体/设计，让学习简单有序</div>
      <div class="pics">
        <div class="pic_box">
          <div class="pic"></div>
          <div class="tit">电商</div>
        </div>
        <div class="pic_box">
          <div class="pic"></div>
          <div class="tit">自媒体</div>
        </div>
        <div class="pic_box">
          <div class="pic"></div>
          <div class="tit">设计</div>
        </div>
      </div>
    </div>
  </div>

  <div class="lear">
    <div class="w">
      <div class="lear_box">
        <div class="pic fl"></div>
        <div class="text fr">
          <div class="tit">趣味性直播互动</div>
          <div class="tit_min">直播教学，灵活互动助你随时随地高效学习</div>
          <p><i class="tv"></i>直播课程，高效学习</p>
          <p><i class="tx"></i>公屏互动，兴趣驱动</p>
          <p><i class="qx"></i>悬浮播放，自由切换</p>
        </div>
      </div>
      <div class="lear_box">
        <div class="pic fr"></div>
        <div class="text fl">
          <div class="tit">沉浸式高效学习</div>
          <div class="tit_min">碎片化灵活学习，课后作业回顾练习，专业老师答疑指导</div>
          <p><i class="zb"></i>直播+录播，帮助你利用碎片化时间学习课程，可回放复习</p>
          <p><i class="zy"></i>课后作业练习，打破传统方式，通过语言作业，或图文
            作业等方式提升兴趣</p>
        </div>
      </div>
      <div class="lear_box">
        <div class="pic fl"></div>
        <div class="text fr">
          <div class="tit">多终端学习平台</div>
          <div class="tit_min">pc/app/h5/小程序，多端智慧学习平台，多场景化学习</div>
          <div class="wechat">
            <div class="er fl"></div>
            <div class="fl tex">
              <p>扫一扫进入课堂</p> 
              <p>学习更多运营知识</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="w">
      <div class="logo fl"></div>
      <div class="telnum fl">
        <p>电话：023-67122436</p>
        <p>工作时间：周一至周六13:00-23:00</p>
        <p class="address">地址：重庆市江北区江北城桂花支路成大锦嘉国际809</p>
      </div>
      <div class="wechat fr">
        <div class="er"></div>
        <p>关注我们获取更多资料</p>
      </div>
    </div>
  </div>
</body>